﻿goog.provide('imc.ui.ArtArticulo');

imc.ui.ArtArticulo = function (opt) { //Constructor
    //attributes privados
    var dataGrid;

    /*\\Behavior : --------------------------------- */
    //Todos los ids van con #
    this.opt = {
        idDivContent: "#der"
        , idDivNav: "#izq"
        , idTableDataTable: "#tblCat"
    };

    $().extend(this.opt, opt);
    //alert(this.opt.test);
    this.draw();
    /*//Behavior : --------------------------------- */
} //Fin constructor

//Atributos Público************************************************
imc.ui.ArtArticulo.prototype.oTable = null;
imc.ui.ArtArticulo.prototype.opt = null;
imc.ui.ArtArticulo.prototype.ID_CATEGORIA = null;
imc.ui.ArtArticulo.prototype.ID_EQUIPO = null;
imc.ui.ArtArticulo.prototype.ID_MARCA = null;
imc.ui.ArtArticulo.prototype.ID_MODELO = null;

//Metodos Públicos*************************************************
imc.ui.ArtArticulo.prototype.draw = function () {
    $(this.opt.idDivNav).load('catalogos.html #navigationPanelCat', function () { });
    this.loadContent();
};

imc.ui.ArtArticulo.prototype.loadContent = function () {
    var that = this;
    $(this.opt.idDivContent).load('catalogos.html #catContent', function () {
        that.artArticuloDataTable();
    });
};

imc.ui.ArtArticulo.prototype.artArticuloDataTable = function () {
    var that = this;
    $.ajax({
        url: "Services/CAT.svc/GetDataArticulo"
        ,type: "POST"
        ,dataType: "json"
        ,data: '{}'
        ,contentType: "application/json; charset=utf-8"
        ,success: function (data) {
            oTable = $('#tblCat').dataTable({
                'bInfo': false
                ,'bPaginate': false
                ,'bLengthChange': false
                ,'bRetrieve': true, 'sDom': ''
                ,'sInfoEmpty': ''
                ,'bAutoWidth': false
                ,aaData: data.GetDataArticuloResult
                ,aoColumns: [
                    {
                        "aTargets": [0]
                        ,"fnRender": function (oObj) {
                            return '<input type="checkbox" id="readonly" imc-data="' + oObj.aData["ID_ARTICULO"] + '" value="' + oObj.aData[0] + '" name="check" />';
                        }
                        ,"sClass": "checkboxId"
                        ,"bSearchable": false
                        ,"bSortable": false
                        ,"mDataProp": "check"
                        ,"sWidth": "4%"
                    }
                    ,{ "sTitle": "Artículo", "mDataProp": "ARTICULO", "sClass": "editarCat" }
                    ,{ "sTitle": "Categoría", "mDataProp": "CATEGORIA", "sClass": "editarCat" }
                    ,{ "sTitle": "Equipo", "mDataProp": "EQUIPO", "sClass": "editarCat" }
                    ,{ "sTitle": "Marca", "mDataProp": "MARCA", "sClass": "editarCat" }
                    ,{ "sTitle": "Modelo", "mDataProp": "MODELO", "sClass": "editarCat" }
                    ,{ "sTitle": "Identificador", "mDataProp": "IDENTIFICADOR", "sClass": "editarCat" }
                ]
            });
            $('#tblCat tbody .editarCat').die('click');
            $('#tblCat tbody .editarCat').live('click', function () {
                var oTable = $('#tblCat').dataTable();
                var sDataCat = oTable.fnGetData($(this).parent().get(0));
                console.log(sDataCat);
                for (var i in sDataCat) {
                    if (i = 'ID_ARTICULO') {
                        idCat = sDataCat[i];
                    }
                }
                var dlg = that.dlgUpdateArticulo(idCat);
                dlg.setVisible(true);
                /*\\Combo Categoría : --------------------------------- */
                var cat = new goog.ui.Select(null, null, goog.ui.FlatMenuButtonRenderer.getInstance());
                $.ajax({
                    url: "Services/CAT.svc/GetDataCategoria",
                    type: "POST",
                    dataType: "json",
                    data: '{}',
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                        if (data.GetDataCategoriaResult != null) {
                            var test;
                            for (var i = 0; i < data.GetDataCategoriaResult.length; i++) {
                                test = new goog.ui.MenuItem(data.GetDataCategoriaResult[i].CATEGORIA);
                                test.setValue(data.GetDataCategoriaResult[i].ID_CATEGORIA);
                                cat.addItem(test);
                                goog.events.listen(test, goog.ui.Component.EventType.ACTION, function (e) {
                                    that.ID_CATEGORIA = e.target.getValue();
                                    console.log(e.target.getCaption()+" : "+that.ID_CATEGORIA);
                                });
                            }
                        }
                        else {
                            alert('No hay datos de Categoría cargados en la base');
                        }
                    },
                    error: function () {
                        alert('Error al cargar datos Categoría');
                    }
                });
                /*//Combo Categoría : --------------------------------- */
                /*\\Combo Equipo : --------------------------------- */
                var eq = new goog.ui.Select(null, null, goog.ui.FlatMenuButtonRenderer.getInstance());
                $.ajax({
                    url: "Services/CAT.svc/GetDataEquipo",
                    type: "POST",
                    dataType: "json",
                    data: '{}',
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                        if (data.GetDataEquipoResult != null) {
                            var test;
                            for (var i = 0; i < data.GetDataEquipoResult.length; i++) {
                                test = new goog.ui.MenuItem(data.GetDataEquipoResult[i].EQUIPO);
                                test.setValue(data.GetDataEquipoResult[i].ID_EQUIPO);
                                eq.addItem(test);
                                goog.events.listen(test, goog.ui.Component.EventType.ACTION, function (e) {
                                    that.ID_EQUIPO = e.target.getValue();
                                    console.log(e.target.getCaption()+" : "+that.ID_EQUIPO);
                                });
                            }
                        }
                        else {
                            alert('No hay datos de Equipo cargados en la base');
                        }
                    },
                    error: function () {
                        alert('Error al cargar datos Equipo');
                    }
                });
                /*//Combo Equipo : --------------------------------- */
                /*\\Combo Marca : --------------------------------- */
                var ma = new goog.ui.Select(null, null, goog.ui.FlatMenuButtonRenderer.getInstance());
                $.ajax({
                    url: "Services/CAT.svc/GetDataMarca",
                    type: "POST",
                    dataType: "json",
                    data: '{}',
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                        if (data.GetDataMarcaResult != null) {
                            var test;
                            for (var i = 0; i < data.GetDataMarcaResult.length; i++) {
                                test = new goog.ui.MenuItem(data.GetDataMarcaResult[i].MARCA);
                                test.setValue(data.GetDataMarcaResult[i].ID_MARCA);
                                ma.addItem(test);
                                goog.events.listen(test, goog.ui.Component.EventType.ACTION, function (e) {
                                    that.ID_MARCA = e.target.getValue();
                                    console.log(e.target.getCaption()+" : "+that.ID_MARCA);
                                });
                            }
                        }
                        else {
                            alert('No hay datos de Marca cargados en la base');
                        }
                    },
                    error: function () {
                        alert('Error al cargar datos Marca');
                    }
                });
                /*//Combo Marca : --------------------------------- */
                /*\\Combo Modelo : --------------------------------- */
                var mod = new goog.ui.Select(null, null, goog.ui.FlatMenuButtonRenderer.getInstance());
                $.ajax({
                    url: "Services/CAT.svc/GetDataModelo",
                    type: "POST",
                    dataType: "json",
                    data: '{}',
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                        if (data.GetDataModeloResult != null) {
                            var test;
                            for (var i = 0; i < data.GetDataModeloResult.length; i++) {
                                test = new goog.ui.MenuItem(data.GetDataModeloResult[i].MODELO);
                                test.setValue(data.GetDataModeloResult[i].ID_MODELO);
                                mod.addItem(test);
                                goog.events.listen(test, goog.ui.Component.EventType.ACTION, function (e) {
                                    that.ID_MODELO = e.target.getValue();
                                    console.log(e.target.getCaption()+" : "+that.ID_MODELO);
                                });
                            }
                        }
                        else {
                            alert('No hay datos de Modelo cargados en la base');
                        }
                    },
                    error: function () {
                        alert('Error al cargar datos Modelo');
                    }
                });
                /*//Combo Modelo : --------------------------------- */
                //Recuperar campos para modificar
                $.ajax({
                    type: "POST"
                    ,url: "Services/Cat.svc/GetOneArticulo"
                    ,data: '{"ID_ARTICULO":' + idCat + '}'
                    ,contentType: "application/json; charset=utf-8"
                    ,dataType: "json"
                    ,success: function (data) {
                        if (data.GetOneArticuloResult != null) {
                            /*\\Object CharCounter : ------------------------*/
                            var userCharCounter = new imc.CharCounter({columnName:"ARTICULO"});
                            /*//Object CharCounter : ------------------------*/
                            document.getElementById('ARTICULO').value = data.GetOneArticuloResult["ARTICULO"];
                            document.getElementById('IDENTIFICADOR').value = data.GetOneArticuloResult["IDENTIFICADOR"];
                            //----------Categoría
                            var captionCat = goog.dom.createDom("p", { style: 'margin:0;padding:0;color:gray;' }, data.GetOneArticuloResult["CATEGORIA"]);
                            cat.setDefaultCaption(captionCat);
                            cat.setScrollOnOverflow(true);
                            cat.render(goog.dom.getElement('CATEGORIA'));
                            that.ID_CATEGORIA = data.GetOneArticuloResult["ID_CATEGORIA"];
                            //----------Equipo
                            var captionEq = goog.dom.createDom("p", { style: 'margin:0;padding:0;color:gray;' }, data.GetOneArticuloResult["EQUIPO"]);
                            eq.setDefaultCaption(captionEq);
                            eq.setScrollOnOverflow(true);
                            eq.render(goog.dom.getElement('EQUIPO'));
                            that.ID_EQUIPO = data.GetOneArticuloResult["ID_EQUIPO"];
                            //----------Marca
                            var captionMa = goog.dom.createDom("p", { style: 'margin:0;padding:0;color:gray;' }, data.GetOneArticuloResult["MARCA"]);
                            ma.setDefaultCaption(captionMa);
                            ma.setScrollOnOverflow(true);
                            ma.render(goog.dom.getElement('MARCA'));
                            that.ID_MARCA = data.GetOneArticuloResult["ID_MARCA"];
                            //----------Modelo
                            var captionMod = goog.dom.createDom("p", { style: 'margin:0;padding:0;color:gray;' }, data.GetOneArticuloResult["MODELO"]);
                            mod.setDefaultCaption(captionMod);
                            mod.setScrollOnOverflow(true);
                            mod.render(goog.dom.getElement('MODELO'));
                            that.ID_MODELO = data.GetOneArticuloResult["ID_MODELO"];
                        } else {
                            alert('Los datos vienen vacios ({"GetOneArticuloResult":null})');
                        }
                    }
                    ,error: function (result) {
                        alert('Error al recuperar Artículo ' + result.status + ' ' + result.statusText);
                    }
                });
            });
            $('.newCat').die('click');
            $('.newCat').live('click', function () {
                var dlg = that.dlgNewArtArticulo();
                dlg.setVisible(true);
                /*\\Object CharCounter : ------------------------*/
                var userCharCounter = new imc.CharCounter({columnName:"ARTICULO"});
                /*//Object CharCounter : ------------------------*/
            });
            $('.deleteCat').die('click');
            $('.deleteCat').live('click', function () {
                var oTable = $('#tblCat').dataTable();
                var stringDeleteCat = "";
                $('input[type="checkbox"]:checked', oTable.fnGetNodes()).each(function (i) {
                    stringDeleteCat += $(this).attr("imc-data") + ",";
                });
                if (stringDeleteCat != "") {
                    stringDeleteCat = stringDeleteCat.substring(0, stringDeleteCat.length - 1);
                }
                if (stringDeleteCat != "") {
                    var dlg = that.dlgDeleteArtArticulo(stringDeleteCat);
                    dlg.setVisible(true);
                } else {
                    alert('No hay ningún Artículo seleccionado');
                    return true;
                }
            });
        }
        ,error: function (result) {
            alert('Error al obtener Artículos ' + result.status + ' ' + result.statusText);
        }
    });
}

imc.ui.ArtArticulo.prototype.reloadArtArticuloDataTable = function () { //Recargar tabla al agregar, modificar o eliminar Artículo
    var that = this;
    $.ajax({
        type: "POST"
        ,url: "Services/CAT.svc/GetDataArticulo"
        ,data: '{}'
        ,contentType: "application/json; charset=utf-8"
        ,dataType: "json"
        ,success: function (data) {
            if (data.GetDataArticuloResult != null) {
                var ot = $("#tblCat").dataTable();
                ot.fnClearTable();
                ot.fnAddData(data.GetDataArticuloResult);
            } else {
                that.loadContent();
            }
        }
        ,error: function (result) {
            alert('Error al recargar la tabla de Artículo ' + result.status + ' ' + result.statusText);
        }
    });
}; //Fin recargar tabla al agregar, modificar o eliminar Artículo

imc.ui.ArtArticulo.prototype.dlgNewArtArticulo = function () { //Dialog agregar Artículo
    var that = this;
    this.dialogAgregarCat = new goog.ui.Dialog();
    this.dialogAgregarCat.setContent(
        '<div style="font-size: 85%;">'
            +'<div class="validateCat"><label class="validarCat"></label></div><br/>'
            +'<div><div style="width:150px; float:left;"><label style="float:right;">Nombre: </label></div><div style="width:450px; float:left;"><input type="text" id="ARTICULO" style="width: 250px;" /></div></div><br /><br /><br />'
            +'<div><div style="width:150px; float:left;"><label style="float:right;">Categoría: </label></div><div style="width:256px; float:left;"><label id="CATEGORIA" class="comboBox"></label></div></div><br /><br /><br />'
            +'<div><div style="width:150px; float:left;"><label style="float:right;">Equipo: </label></div><div style="width:256px; float:left;"><label id="EQUIPO" class="comboBox"></label></div></div><br /><br /><br />'
            +'<div><div style="width:150px; float:left;"><label style="float:right;">Marca: </label></div><div style="width:256px; float:left;"><label id="MARCA" class="comboBox"></label></div></div><br /><br /><br />'
            +'<div><div style="width:150px; float:left;"><label style="float:right;">Modelo: </label></div><div style="width:256px; float:left;"><label id="MODELO" class="comboBox"></label></div></div><br /><br /><br />'
            +'<div><div style="width:150px; float:left;"><label style="float:right;">Identificador: </label></div><div style="width:450px; float:left;"><input type="text" id="IDENTIFICADOR" style="width: 250px;" /></div></div></div><br /><br />'
    );
    var titleNewCat = goog.dom.createDom("p", { style: 'margin:0;padding:0;color:black;font-size:80%;' }, 'Agregar Artículo');
    this.dialogAgregarCat.setTitle(titleNewCat);
    var btnNewCat = new goog.ui.Dialog.ButtonSet();
    btnNewCat.addButton({ caption: "Agregar", key: "e" }).addButton({ caption: "Cancelar", key: "o" });
    this.dialogAgregarCat.setButtonSet(btnNewCat);
    this.dialogAgregarCat.setDisposeOnHide(true);
    /*\\Combo Categoría : --------------------------------- */
    var cat = new goog.ui.Select(null, null, goog.ui.FlatMenuButtonRenderer.getInstance());
    $.ajax({
        url: "Services/CAT.svc/GetDataCategoria",
        type: "POST",
        dataType: "json",
        data: '{}',
        contentType: "application/json; charset=utf-8",
        success: function (data) {
            if (data.GetDataCategoriaResult != null) {
                var test;
                for (var i = 0; i < data.GetDataCategoriaResult.length; i++) {
                    test = new goog.ui.MenuItem(data.GetDataCategoriaResult[i].CATEGORIA);
                    test.setValue(data.GetDataCategoriaResult[i].ID_CATEGORIA);
                    cat.addItem(test);
                    goog.events.listen(test, goog.ui.Component.EventType.ACTION, function (e) {
                        that.ID_CATEGORIA = e.target.getValue();
                        console.log(e.target.getCaption()+" : "+that.ID_CATEGORIA);
                    });
                }
                var caption = goog.dom.createDom("p", { style: 'margin:0;padding:0;color:gray;' }, 'Opciones...');
                cat.setDefaultCaption(caption);
                cat.setScrollOnOverflow(true);
                cat.render(goog.dom.getElement('CATEGORIA'));
            }
            else {
                alert('No hay datos de Categoría cargados en la base');
            }
        },
        error: function () {
            alert('Error al cargar datos Categoría');
        }
    });
    /*//Combo Categoría : --------------------------------- */
    /*\\Combo Equipo : --------------------------------- */
    var eq = new goog.ui.Select(null, null, goog.ui.FlatMenuButtonRenderer.getInstance());
    $.ajax({
        url: "Services/CAT.svc/GetDataEquipo",
        type: "POST",
        dataType: "json",
        data: '{}',
        contentType: "application/json; charset=utf-8",
        success: function (data) {
            if (data.GetDataEquipoResult != null) {
                var test;
                for (var i = 0; i < data.GetDataEquipoResult.length; i++) {
                    test = new goog.ui.MenuItem(data.GetDataEquipoResult[i].EQUIPO);
                    test.setValue(data.GetDataEquipoResult[i].ID_EQUIPO);
                    eq.addItem(test);
                    goog.events.listen(test, goog.ui.Component.EventType.ACTION, function (e) {
                        that.ID_EQUIPO = e.target.getValue();
                        console.log(e.target.getCaption()+" : "+that.ID_EQUIPO);
                    });
                }
                var caption = goog.dom.createDom("p", { style: 'margin:0;padding:0;color:gray;' }, 'Opciones...');
                eq.setDefaultCaption(caption);
                eq.setScrollOnOverflow(true);
                eq.render(goog.dom.getElement('EQUIPO'));
            }
            else {
                alert('No hay datos de Equipo cargados en la base');
            }
        },
        error: function () {
            alert('Error al cargar datos Equipo');
        }
    });
    /*//Combo Equipo : --------------------------------- */
    /*\\Combo Marca : --------------------------------- */
    var ma = new goog.ui.Select(null, null, goog.ui.FlatMenuButtonRenderer.getInstance());
    $.ajax({
        url: "Services/CAT.svc/GetDataMarca",
        type: "POST",
        dataType: "json",
        data: '{}',
        contentType: "application/json; charset=utf-8",
        success: function (data) {
            if (data.GetDataMarcaResult != null) {
                var test;
                for (var i = 0; i < data.GetDataMarcaResult.length; i++) {
                    test = new goog.ui.MenuItem(data.GetDataMarcaResult[i].MARCA);
                    test.setValue(data.GetDataMarcaResult[i].ID_MARCA);
                    ma.addItem(test);
                    goog.events.listen(test, goog.ui.Component.EventType.ACTION, function (e) {
                        that.ID_MARCA = e.target.getValue();
                        console.log(e.target.getCaption()+" : "+that.ID_MARCA);
                    });
                }
                var caption = goog.dom.createDom("p", { style: 'margin:0;padding:0;color:gray;' }, 'Opciones...');
                ma.setDefaultCaption(caption);
                ma.setScrollOnOverflow(true);
                ma.render(goog.dom.getElement('MARCA'));
            }
            else {
                alert('No hay datos de Marca cargados en la base');
            }
        },
        error: function () {
            alert('Error al cargar datos Marca');
        }
    });
    /*//Combo Marca : --------------------------------- */
    /*\\Combo Modelo : --------------------------------- */
    var mod = new goog.ui.Select(null, null, goog.ui.FlatMenuButtonRenderer.getInstance());
    $.ajax({
        url: "Services/CAT.svc/GetDataModelo",
        type: "POST",
        dataType: "json",
        data: '{}',
        contentType: "application/json; charset=utf-8",
        success: function (data) {
            if (data.GetDataModeloResult != null) {
                var test;
                for (var i = 0; i < data.GetDataModeloResult.length; i++) {
                    test = new goog.ui.MenuItem(data.GetDataModeloResult[i].MODELO);
                    test.setValue(data.GetDataModeloResult[i].ID_MODELO);
                    mod.addItem(test);
                    goog.events.listen(test, goog.ui.Component.EventType.ACTION, function (e) {
                        that.ID_MODELO = e.target.getValue();
                        console.log(e.target.getCaption()+" : "+that.ID_MODELO);
                    });
                }
                var caption = goog.dom.createDom("p", { style: 'margin:0;padding:0;color:gray;' }, 'Opciones...');
                mod.setDefaultCaption(caption);
                mod.setScrollOnOverflow(true);
                mod.render(goog.dom.getElement('MODELO'));
            }
            else {
                alert('No hay datos de Modelo cargados en la base');
            }
        },
        error: function () {
            alert('Error al cargar datos Modelo');
        }
    });
    /*//Combo Modelo : --------------------------------- */
    goog.events.listen(this.dialogAgregarCat, goog.ui.Dialog.EventType.SELECT, function (e) {
        if (e.key == "o") {
            return true;
        } else {
            var val1 = $("#ARTICULO").val();
            var val2 = $("#IDENTIFICADOR").val();
            if (val1 == "" || val2 == "") {
                $("#ARTICULO").addClass('campoConError');
                $("#IDENTIFICADOR").addClass('campoConError');
                $('.validarCat').html('Todos  los campos son requeridos ');
                return false;
            } else {
                $.ajax({
                    url: "Services/CAT.svc/InsertArticulo"
                    ,type: "POST"
                    ,data: '{"ARTICULO":"' + val1
                                + '","ID_CATEGORIA":' + that.ID_CATEGORIA
                                + ',"ID_EQUIPO":' + that.ID_EQUIPO
                                + ',"ID_MARCA":' + that.ID_MARCA
                                + ',"ID_MODELO":' + that.ID_MODELO
                                + ',"IDENTIFICADOR":"' + val2 + '"}'
                    ,contentType: "application/json; charset=utf-8"
                    ,dataType: "json"
                    ,success: function (data) {
                        var test = "";
                        test = data.InsertArticuloResult.state;
                        console.log('state: '+test);
                        if(!test){
                            $('.validarCat').html('Ya existe una Artículo con este nombre');
                            return null;
                        } else {
                            that.reloadArtArticuloDataTable();
                            that.dialogAgregarCat.setVisible(false);
                        }
                    }
                    ,error: function (result) {
                        alert('Error al agregar Artículo ' + result.status + ' ' + result.statusText);
                    }
                });
                return false;
            }
        }
    });
    return this.dialogAgregarCat;
};  //Fin dialog agregar Artículo

imc.ui.ArtArticulo.prototype.dlgDeleteArtArticulo = function (stringDeleteCat) { //Dialog borrar Artículo
    var that = this;
    this.ID_CATEGORIA = null;
    this.ID_EQUIPO = null;
    this.ID_MARCA = null;
    this.ID_MODELO = null;
    this.dialogBorrarCat = new goog.ui.Dialog();
    this.dialogBorrarCat.setContent(
        '<div style="font-size: 85%;">'
            +'<label>¿Está seguro que desea eliminar los Artículos seleccionados?</label><br />'
        +'</div>'
    );
    this.dialogBorrarCat.setTitle('Borrar Artículo');
    var btnBorrarCat = new goog.ui.Dialog.ButtonSet();
    btnBorrarCat.addButton({ caption: "Borrar", key: "e" }).addButton({ caption: "Cancelar", key: "o" });
    this.dialogBorrarCat.setButtonSet(btnBorrarCat);
    this.dialogBorrarCat.setDisposeOnHide(true);
    goog.events.listen(this.dialogBorrarCat, goog.ui.Dialog.EventType.SELECT, function (e) {
        if (e.key == "o") {
            return true;
        } else {
            console.log(stringDeleteCat);
            $.ajax({
                url: "Services/CAT.svc/DeleteArticulo",
                type: "POST",
                dataType: "json",
                data: '{"ID_ARTICULO": "' + stringDeleteCat + '" }',
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    if (data) {
                        that.reloadArtArticuloDataTable();
                        return true;
                    }
                },
                error: function (result) {
                    alert('Error al borrar Artículo ' + result.status + ' ' + result.statusText);
                }
            });
        }
    });
    return this.dialogBorrarCat;
}   //Fin dialog borrar Artículo

imc.ui.ArtArticulo.prototype.dlgUpdateArticulo = function (idCat) { //Dialog modificar Artículo
    var that = this;
    this.dialogModificarCat = new goog.ui.Dialog();
    this.dialogModificarCat.setContent(
        '<div style="font-size: 85%;">'
            +'<div class="validateCat"><label class="validarCat"></label></div><br/>'
            +'<div><div style="width:150px; float:left;"><label style="float:right;">Nombre: </label></div><div style="width:450px; float:left;"><input type="text" id="ARTICULO" style="width: 250px;" /></div></div><br /><br /><br />'
            +'<div><div style="width:150px; float:left;"><label style="float:right;">Categoría: </label></div><div style="width:256px; float:left;"><label id="CATEGORIA" class="comboBox"></label></div></div><br /><br /><br />'
            +'<div><div style="width:150px; float:left;"><label style="float:right;">Equipo: </label></div><div style="width:256px; float:left;"><label id="EQUIPO" class="comboBox"></label></div></div><br /><br /><br />'
            +'<div><div style="width:150px; float:left;"><label style="float:right;">Marca: </label></div><div style="width:256px; float:left;"><label id="MARCA" class="comboBox"></label></div></div><br /><br /><br />'
            +'<div><div style="width:150px; float:left;"><label style="float:right;">Modelo: </label></div><div style="width:256px; float:left;"><label id="MODELO" class="comboBox"></label></div></div><br /><br /><br />'
            +'<div><div style="width:150px; float:left;"><label style="float:right;">Identificador: </label></div><div style="width:450px; float:left;"><input type="text" id="IDENTIFICADOR" style="width: 250px;" /></div></div></div><br /><br />'
    );
    var titleModificarCat = goog.dom.createDom("p", { style: 'margin:0;padding:0;color:black;font-size:80%;' }, 'Modificar Artículo');
    this.dialogModificarCat.setTitle(titleModificarCat);
    var btnModificarCat = new goog.ui.Dialog.ButtonSet();
    btnModificarCat.addButton({ caption: "Guardar cambios", key: "e" }).addButton({ caption: "Cancelar", key: "o" });
    this.dialogModificarCat.setButtonSet(btnModificarCat);
    this.dialogModificarCat.setDisposeOnHide(true);
    goog.events.listen(this.dialogModificarCat, goog.ui.Dialog.EventType.SELECT, function (e) {
        if (e.key == "o") {
            that.ID_CATEGORIA = null;
            that.ID_EQUIPO = null;
            that.ID_MARCA = null;
            that.ID_MODELO = null;
            return true;
        } else {
            var val1 = $("#ARTICULO").val();
            var val2 = $("#IDENTIFICADOR").val();
            if (val1 == "" || val2 == "") {
                $("#ARTICULO").addClass('campoConError');
                $("#IDENTIFICADOR").addClass('campoConError');
                $('.validarCat').html('Todos  los campos son requeridos ');
                return false;
            } else {
                $.ajax({
                    url: "Services/CAT.svc/UpdateArticulo"
                    ,type: "POST"
                    ,data: '{"ID_ARTICULO":' + idCat
                        +',"ARTICULO":"' + val1
                        + '","ID_CATEGORIA":' + that.ID_CATEGORIA
                        + ',"ID_EQUIPO":' + that.ID_EQUIPO
                        + ',"ID_MARCA":' + that.ID_MARCA
                        + ',"ID_MODELO":' + that.ID_MODELO
                        + ',"IDENTIFICADOR":"' + val2 + '"}'
                    ,contentType: "application/json; charset=utf-8"
                    ,dataType: "json"
                    ,success: function (data) {
                        that.reloadArtArticuloDataTable();
                        return true;
                    }
                    ,error: function (result) {
                        alert('Error al modificar Artículo' + result.status + ' ' + result.statusText);
                    }
                });
            }
        }
    });
    return this.dialogModificarCat;
} //Fin dialog modificar Artículo